package myJs.explore

import myJs.MainCp
import myJs.cps._
import slinky.core.FunctionalComponent
import slinky.core.annotations.react
import slinky.core.facade.Hooks._
import slinky.web.html._
import typings.csstype.csstypeStrings
//import myJs.myPkg.i18n.ReactI18next

/**
 * Created by yz on 21/1/2022
 */
@react object Cp {

  type Props = Unit
  val curPage = Explore

  val component = FunctionalComponent[Props] { props =>

    val (geneName, setGeneName) = useState("AFP")

    object FTool {

    }

    MainCp(title = curPage.titleStr)(

      div(className := "panel panel-default",
        div(className := "panel-heading",
          h3(className := "panel-title",
            s"${curPage.titleStr}"
          )
        ),
        div(className := "panel-body",

          SingleCellCp(geneName = geneName)

        )
      )

    )

  }

  object STool {

    val myBtn = Style(cursor = csstypeStrings.pointer,
      marginBottom = 10, paddingTop = 3, paddingBottom = 3, marginRight = 15
    )

  }

}
